iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 29
1
Modern Web

一隻巨大的UI/UX菜鳥系列 第 29

【Day29】設計師私藏的配色網站,與一些繪畫技巧分享!

  • 分享至 

  • xImage
  •  

小妹在製作設計稿、或是設計發想的時候,
一定會碰上配色有問題,或是不管怎麼調都覺得哪裡怪怪的情況/images/emoticon/emoticon13.gif
這種時候,
我會習慣點開一些自己收藏的配色網站
逛一逛,翻一翻,看看有沒有自己喜歡的顏色可以參考。
這些配色網站對於繪畫上也很有幫助,
像是同色調、同色系的插畫,其實比起色彩繽紛的圖還要難繪製。
顏色越少,就表示配色的比例與明度、彩度要恰到好處,這張圖才會讓人看起來舒服。
https://ithelp.ithome.com.tw/upload/images/20180117/201078102YHqerHvp2.jpg
小妹用自己超喜歡的繪師Rella的圖來跟大家說明一下!(超美的阿阿阿阿
這張就可以說是「藍色調」,或是「紫色調」的插畫。
整體顏色都用「藍~紫色」來配色,偶爾加上一點「白」與「中間色」來點綴調和。

那麼,何謂**「中間色」呢?
中間色是指「藍~紫色之間混和出來的顏色」,也可以叫做
「混合色」
善用混色,能讓同色調的插圖顯得更豐富。
或是加上
「環境色」**,
例如說:有個人躺在草地上,那他的衣服下方可能會有草地反光上來的綠色,
向光面會有陽光灑下來的太陽黃、與天空的白…等等,就叫做「環境色」。

分享一些小妹淺淺的繪畫技巧知識給大家,算是個人興趣的部分XD


另外再跟大家分享兩個【配色網站】,個人覺得非常好用!

1. NIPPON COLORS - 日本の伝統色

https://ithelp.ithome.com.tw/upload/images/20180117/20107810LQh6gzt0Wr.png
這個網站是日本的傳統色,每個顏色都有自己專屬的命名,非常的美!
顏色旁邊也都有「CMYK與RGB」可以複製,
右方的MUNSELL打開,所有色票會開始旋轉,每隔幾秒換一個顏色給你看,非常過癮!
https://ithelp.ithome.com.tw/upload/images/20180117/20107810X9tvwdsuzI.png
小妹覺得這個網站除了可以看顏色以外,也可以找文字、命名的靈感
有很多顏色你不知道可以叫這麼美的名字,在寫故事或是設計命名的時候很好用!

2. Design-Seeds

https://ithelp.ithome.com.tw/upload/images/20180117/201078105JXnNufHVL.png
Design-Seeds算是小妹最愛用的配色網站,

它能夠針對一張照片,去抓出所有的環境配色。

https://ithelp.ithome.com.tw/upload/images/20180117/20107810iKKSXX9Tam.pnghttps://ithelp.ithome.com.tw/upload/images/20180117/20107810f7m7tFCkl0.png
色碼直接給你,對於想嘗試同色系配色繪圖或是設計的朋友,是個很好參考的網站!!
另外想要呈現一體成型感的網頁設計上面,也非常的好用!/images/emoticon/emoticon37.gif

看著這些圖小妹的心情也好好XD
明天就是最後一天了,隊友們加油啊!!


上一篇
【Day28】找設計靈感的好網站!dribbble!
下一篇
【Day30】馬拉松最後一天,來介紹UI設計師的100天
系列文
一隻巨大的UI/UX菜鳥30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言